<template>
	<view class="container">
		<view class="header">
			<image src="/static/head.png" mode="aspectFit"></image>
			<text>私は神様た</text>
		</view>
		<uni-list>
			<uni-list-item class="custom-listitem" title="历史记录" link to="/pages/history/history"></uni-list-item>
			<uni-list-item class="custom-listitem" title="意见反馈" link to="/pages/feedback/feedback"></uni-list-item>
		</uni-list>
	</view>
</template>

<script>

</script>

<style lang="scss" scoped>
.container {
  padding: 20px;
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  /* background: #fafcff; */
	/* background: #F7F7F7; */
	background: linear-gradient(to bottom, #C4DCFA, #f0f0f0);
	&::v-deep .uni-list {
    border-radius: 25rpx;
    overflow: hidden;
	}
	.custom-listitem {
		&::v-deep .uni-list-item__content-title {
			font-size: 32rpx;
			padding: 10rpx 0;
		}
	}
}
.header {
	display: flex;
	align-items: center;
	margin-bottom: 50rpx;
	image {
		width: 150rpx;
    height: 150rpx;
    border: 1px solid #999;
    border-radius: 50%;
    margin-right: 25rpx;
	}
	text {
		font-weight: bold;
	}
}
</style>
